import React, { Component } from 'react'



class First extends Component {
    render() {
        return (
            <div>
                <h3>First - {this.props.title} </h3>

                <Son title={this.props.title} />
            </div>
        )
    }
}

function Son(props) {
    return <h6> Son - {props.title} </h6>
}

export default class App extends Component {

    state = {
        title: '辣条'
    }

    render() {
        return (
            <div>
                <h1>App - {this.state.title} </h1>
                <First title={this.state.title} />
            </div>
        )
    }
}
